﻿<div class="page-body">

    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="row">
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <div class="databox radius-bordered databox-shadowed databox-graded databox-vertical">
                        <div class="databox-top bg-blue">
                            <div class="databox-icon">
                                <i class="fa fa-clock-o"></i>
                            </div>
                        </div>
                        <div class="databox-bottom text-align-center">
                            <span class="databox-text">星期{:mb_substr( "日一二三四五六",date("w"),1,"utf-8" )}  - {:date('Y/m/d')}</span>
                            <span class="databox-text">{:date('H:i:s - A')}</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <div class="databox radius-bordered databox-shadowed databox-vertical">
                        <div class="databox-top bg-orange no-padding">
                            <div class="databox-row row-2"></div>
                            <div class="databox-row row-10">
                                <div class="databox-sparkline">
                                                    <span data-sparkline="bar" data-height="42px" data-width="100%"
                                                          data-barcolor="#e7573a" data-negbarcolor="#e7573a"
                                                          data-zerocolor="#e7573a"
                                                          data-barwidth="7px" data-barspacing="3px">
                                                        总库存：{$stock.total}
                                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="databox-bottom no-padding bg-white">
                            <div class="databox-row">
                                <div class="databox-cell cell-6 text-align-center bordered-right bordered-platinum">
                                    <span class="databox-number lightcarbon">{$stock.rent}</span>
                                    <span class="databox-text sonic-silver no-margin">借阅库存</span>
                                </div>
                                <div class="databox-cell cell-6 text-align-center">
                                    <span class="databox-number lightcarbon">{$stock.buy}</span>
                                    <span class="databox-text sonic-silver no-margin">购书库存</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-12">
                    <div class="databox radius-bordered databox-shadowed databox-graded databox-vertical">
                        <div class="databox-top no-padding ">
                            <div class="databox-row">
                                <div class="databox-cell cell-6 text-align-center bg-sky">
                                    <span class="databox-number">{$order.total}</span>
                                    <span class="databox-text">订单</span>
                                </div>
                                <div class="databox-cell cell-6 text-align-center bg-azure">
                                    <span class="databox-number">{$order.pay}</span>
                                    <span class="databox-text">已支付</span>
                                </div>
                            </div>
                        </div>
                        <div class="databox-bottom">
                            <span class="databox-text">订单</span>

                            <div class="progress progress-sm">
                                <div class="progress-bar progress-bar-azure" role="progressbar"
                                     aria-valuenow="{$order.pay}" aria-valuemin="0" aria-valuemax="{$order.total}"
                                     style="width: {$order.percent}%">
                                                    <span class="sr-only">
                                                        {$order.percent}% Complete
                                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--<h6 class="row-title before-azure">用户 - 会员</h6>-->
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="row">
                <div class="col-lg-2 col-md-3 col-sm-6 col-xs-6">
                    <div class="databox radius-bordered databox-shadowed databox-graded">
                        <div class="databox-left bg-themeprimary">
                            <div class="databox-piechart">
                                <div id="users-pie" data-toggle="easypiechart" class="easyPieChart" data-barcolor="#fff" data-linecap="butt" data-percent="76" data-animate="500" data-linewidth="3" data-size="47" data-trackcolor="rgba(255,255,255,0.1)" style="width: 47px; height: 47px; line-height: 47px;"><span class="white font-90">100%</span><canvas width="47" height="47"></canvas></div>
                            </div>
                        </div>
                        <div class="databox-right">
                            <span class="databox-number themeprimary">{$user.general}</span>
                            <div class="databox-text darkgray">用户</div>
                            <div class="databox-state bg-themeprimary">
                                <i class="fa fa-user"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-6 col-xs-6">
                    <div class="databox radius-bordered databox-shadowed databox-graded">
                        <div class="databox-left bg-themesecondary">
                            <div class="databox-piechart">
                                <div data-toggle="easypiechart" class="easyPieChart" data-barcolor="#fff" data-linecap="butt" data-percent="100" data-animate="500" data-linewidth="3" data-size="47" data-trackcolor="rgba(255,255,255,0.1)" style="width: 47px; height: 47px; line-height: 47px;"><span class="white font-90">{$user.percent}%</span><canvas width="47" height="47"></canvas></div>
                            </div>
                        </div>
                        <div class="databox-right">
                            <span class="databox-number themesecondary">{$user.vip}</span>
                            <div class="databox-text darkgray">会员</div>
                            <div class="databox-stat themesecondary radius-bordered">
                                <i class="stat-icon icon-lg fa fa-vimeo-square"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-8 col-sm-12 col-xs-12">

            <div class="row">
                <div class="col-lg-12">
                    <div class="widget">
                        <div class="widget-header bordered-bottom bordered-themesecondary">
                            <i class="widget-icon fa fa-tags themesecondary"></i>
                            <span class="widget-caption themesecondary">最新订单</span>
                        </div><!--Widget Header-->
                        <div class="widget-body">
                            <div class="widget-main no-padding">
                                <div class="tickets-container">
                                    <ul class="tickets-list">
                                        <volist name="orderlist" id="vo">
                                            <li class="ticket-item">
                                                <div class="row">
                                                    <div class="ticket-user col-lg-6 col-sm-12">
                                                        <img src="{$vo.headimgurl}" class="user-avatar">
                                                        <span class="user-name">会员卡：{$vo.card_id}</span>
                                                        <span class="user-at">at</span>
                                                        <span class="user-company">
                                                        <switch name="vo.type">
                                                            <case value="0">购书</case>
                                                            <case value="1">借阅</case>
                                                            <default />default
                                                        </switch>
                                                        </span>
                                                        <span class="user-at"><a href="{:U('Order/index','keywords='.$vo['order_id'])}">前往查看</a></span>
                                                    </div>
                                                    <div class="ticket-time  col-lg-4 col-sm-6 col-xs-12">
                                                        <div class="divider hidden-md hidden-sm hidden-xs"></div>
                                                        <i class="fa fa-clock-o"></i>
                                                        <span class="time">{$vo.create_time}</span>
                                                    </div>
                                                    <div class="ticket-type  col-lg-2 col-sm-6 col-xs-12">
                                                        <span class="divider hidden-xs"></span>
                                                        <span class="type">状态：
                                                        <switch name="vo.state_order">
                                                            <case value="0">待支付</case>
                                                            <case value="1">待发货</case>
                                                            <case value="2">配送中</case>
                                                            <case value="3">已签收</case>
                                                            <default />default
                                                        </switch></span>
                                                    </div>
                                                        <switch name="vo.state_order">
                                                            <case value="0"><div class="ticket-state bg-palegreen"><i class="fa fa-usd"></i></div></case>
                                                            <case value="1"><div class="ticket-state bg-yellow"><i class="fa fa-info"></i></div></case>
                                                            <case value="2"><div class="ticket-state bg-blueberry"><i class="fa fa-truck"></i></div></case>
                                                            <case value="3"><div class="ticket-state bg-azure"><i class="fa fa-check"></i></div></case>
                                                            <default />
                                                        </switch>

                                                </div>
                                            </li>
                                        </volist>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
    </div>
        <div class="col-lg-4 col-sm-12 col-xs-12">
            <div class="widget">
                <div class="widget-header bordered-bottom bordered-themeprimary">
                    <i class="widget-icon fa fa-tasks themeprimary"></i>
                    <span class="widget-caption themeprimary">最新评论</span>
                </div><!--Widget Header-->
                <div class="widget-body">
                    <div class="widget-main no-padding">
                        <div class="task-container">
                            <!--<div class="task-search">-->
                            <!--<span class="input-icon">-->
                            <!--<input type="text" class="form-control" placeholder="Search Tasks">-->
                            <!--<i class="fa fa-search gray"></i>-->
                            <!--</span>-->
                            <!--</div>-->
                            <ul class="tasks-list">
                                <volist name="comment" id="vo">
                                    <li class="task-item">
                                        <div class="task-check">
                                            <label class="ticket-user" >
                                                <img src="{$vo.headimgurl}" class="user-avatar" style="width:24px;">
                                                <span class="text"></span>
                                            </label>
                                        </div>

                                        <div class="task-state">
                                                        <span class="label label-yellow">
                                                            {$vo.nickname}
                                                        </span>
                                        </div>
                                        <div class="task-time">{$vo.create_time}</div>
                                        <div class="task-body">{$vo.content}</div>
                                        <div class="task-creator"><a href="{:U('AppraiseBook/index','keywords='.$vo['book_id'])}">查看相关</a></div>
                                        <div class="task-assignedto">assigned to you</div>
                                    </li>
                                </volist>
                            </ul>
                        </div>
                    </div><!--Widget Main Container-->
                </div><!--Widget Body-->
            </div>

        </div>
    </div>
</div>